@input-common-font: @general-6;
@input-common-bg: @general-66;
@input-common-border: @general-66;

@input-disabled-font: @general-18;
@input-disabled-bg: @general-78;
@input-disabled-border: @general-78;

@input-hover-font: @general-6;
@input-hover-bg: @general-88;
@input-hover-border: @general-46;

@input-focus-font: @general-6;
@input-focus-bg: @general-88;
@input-focus-border: @general-46;

@input-icon-common-font: @general-6;
@input-icon-hover-font: @general-6;

.ant-input{
  color: @input-common-font;
  background-color: @input-common-bg;
  border-color: @input-common-border;
  &:hover {
    color: @input-hover-font;
    background-color: @input-hover-bg;
    border-color: @input-hover-border;
  }
  &:focus{
    color: @input-focus-font;
    background-color: @input-focus-bg;
    border-color: @input-focus-border;
  }
}


.ant-input-affix-wrapper{
  &:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-focused){
    color: @input-common-font;
    background-color: @input-common-bg;
    border-color: @input-common-border;
    &:hover{
      color: @input-hover-font;
      background-color: @input-hover-bg;
      border-color: @input-hover-border;
      .ant-input{
        color: @input-hover-font;
        background-color: @input-hover-bg;
        border-color: @input-hover-border;
      }
    }
  }
  .ant-input-clear-icon{
    color: @input-icon-common-font;
    &:hover{
      color: @input-icon-hover-font
    }
  }
}

.ant-input-affix-wrapper-focused{
  color: @input-focus-font;
  background-color: @input-focus-bg;
  border-color: @input-focus-border;
}

.ant-input-affix-wrapper-disabled{
  color: @input-disabled-font;
  background-color: @input-disabled-bg;
  border-color: @input-disabled-border;
  &:hover{
    color: @input-disabled-font;
    background-color: @input-disabled-bg;
    border-color: @input-disabled-border;
  }
}



.ant-input-affix-wrapper{
  width: 120px;
  height: 26px;
  padding-top: 0;
  padding-bottom: 0;
}

.ant-input {
  width: 120px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  &:focus {
    box-shadow: none;
  }
}